Top 19 Useful Simple jQuery Slider Examples

1. Filter Slider - jQuery Image Manipulation

featured image

The main goal of FilterSlider is to manipulate images and featured content slider using canvas, jQuery library and Javascript. Using FilterSlier is extremly simple.

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. Facebook Comment Slider

featured image

This fancy slider offer an opportunity for the users to leave comments about your website (or any subpages) when they reach the bottom of the page or with a simple click on a Facebook icon. You can lock the screen and set up a timer or you can allow for the users to close the slider.You can select the comment box’s language with a super simple jQuery slider method, only you have to add the shortcode of the language from a list (the documentation contain the full list) and the website menu design will be translated!

The whole slider full responsive, the users can enjoy on tablets or with any mobile device.Intelligent slider

Auto-open the slider box when the user reach the bottom of the page.If you choose lock screen, the slider will only close when the user leave a comment or the time is up.fixed slider position

you can enable or disable the user can close the slider

ability to set up timer to fadeout the slider

selectable direction of the slider

you can set up to open the slider automatically just once per user

fancy jquery animation with fadeout and jQuery slide effect

unlock screen with click on the background (if you allow to close the slider for the users)

auto open the slider if you want, when the users reach the bottom of the page

mobile-friendly slider

- added a timed shake effect to the icon until the jQuery slider plugin not open

- fixed: doesn't open the slider at the bottom of the page again, after a user already opened before

- replaced jQuery 1.- don't display the timer, when the slider is closeable

More Details

4. Host Slide PRO - Plan & Pricing Slider

featured image

This Host Slide PRO plan & pricing slider is the best widget for your website.It enables you to use a simple and fast slide to view plan features and prices.Also, check out this file if you need 1 basic style slider only: Link

More Details

5. BlueprintUI Content Slider

featured image

BlueprintUI Responsive Modal is a super simple fully responsive jQuery content slider plugin with more than 60 CSS3 powered animation possibilities and 4 home made themes to use it.Themeable – 4 provided themes and simple api to create more. BlueprintUI is a set of dead simple UI components to integrate in your next design, they are fully responsive and customizable.

More Details

6. TabLooper - Responsive Loop Tab Metro UI

featured image

TabLooper – Responsive Loop Tab jQuery

TabLooper is a responsive tab jQuery Plugin that is used to create tabs for your sites with responsive layout, support unlimited tabs, combine inline and ajax image slider for best performance, move tab content by touch swipe tab event ( on mobile devices ) or left/right keys ( on desktop/laptop ) or simple click on buttons ( all devices ).OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

7. Zozo Accordion - Responsive and Touch-Friendly

featured image

Some of its key features includes: such as CSS3 transitions with jQuery fallback, horizontal, vertical, slider, menu accordion, load content with AJAX, custom styled scrollbar for Webkit, 10 unique themes, semantic HTML5 and SEO friendly and much more. CSS3 transitions with jQuery fallback – superfast on mobile & table

Slider accordion – Add images inside accordion and it will display it like a slider, view slider demo

Advanced animation options using jQuery Easing Plugin (optional), otherwise “linear” or “swing”.“I just want to say that this script is fantastic, simple and efficient, and the support was fabulous. Added: jQuery 1. Added: Shadow for accordion slider jQuery

Added: New horizontal slider accordion with spacing also added to examples/templates

Improved: Slider accordion with images

Added: Slider Accordion with optional dot navigation

Added: new options such as: animation type, slider, dotNav, shawIcons

Improved: Documentation, all options are fully documented and has example code for jQuery and HTML5 data attribute usage.

More Details

8. Canvas Slider - jQuery Canvas Effect Slider

featured image

Canvas Slider is a jQuery banner rotator script free download plugin with animation effects, animated captions, responsive layout, and

The thumbnails and bullets control allow for easy navigation of your slider.This slider includes a smooth animation effect created using HTML5 Canvas which is completely configurable

The slider also work well in older browsers with fade transition.Multiple customized slider instances can happily live on the same page, and the slider offers a simple API

to control the slider’s behaviour from within your custom scripts. Simple clean and valid markup

More Details

9. Three Circles

featured image

ThreeCircle is a unique and easy to use carousel slider written in jQuery compatible with old browsers like IE 6.Simple to implement

HTMLInsert simple HTML structure with list of images where you want to have carousel

JavascriptJust run jQuery plugin

More Details

10. MelonHTML5 - Emu Slider

featured image

Display slider in a Mac? iPad? iPhone? Android Phone? or even your own Creation?This is what you need: Emu Slider.Simple & Clean HTML

You have the ability to create your own Emulator Skin in 2 simple steps

More Details

11. Zozo Tabs

featured image

Zozo Tabs is a user-friendly, fully customizable, responsive jQuery tabs plugin to take any HTML content, including images, video, forms, maps, image slider and galleries and display it in a clean organised and responsive tabbed navigation. It works out of the box, making it simple to create beautiful but powerful enough to build branded and highly customized tabs with a unique look and feel. All customization can be handled via jQuery options, HTML5 data attributes and CSS.3 and supports jQuery 1. Improved: All templates/examples and added jQuery as a parameter to the ready method instead of $ to avoid conflicts with other libraries

Improved: Documentation, all options are fully documented and has example code for jQuery and HTML5 data attribute usage. Support for jQuery image animation plugin

CSS3 Transitions – Animation is done in CSS3 Transitions and jQuery fallback for older browsers, view Animation demo

No Programming Skills Required – It’s dead simple to install using jQuery selector like any other plugin, but also using HTML5 data attributes which means no coding required!

HTML Content – Put absolutely any HTML content, images, video, forms, maps, image slider and galleries

More Details

12. Everslider - Responsive jQuery Carousel Plugin

featured image

Everslider is fully responsive, mobile optimized jQuery carousel plugin. It uses CSS3 transitions for animations with fallback to jQuery.Hardware CSS3 transitions with fallback to jQuery

Simple usage and clear documentation

Conflict-free jQuery plugin

More Details

13. HostSlide Hosting Plan & Pricing Slider

featured image

This HostSlide hosting plan & pricing slider is the best widget for your website.It enables you to use a simple and fast slide to view plan features and prices.

More Details

14. Showroom Slider

featured image

Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from.Installation can be as simple as including 3 JS files and then writing the markup.Showroom Slider uses native CSS3 animations when viewed on modern browsers for maximum efficiency and has fallback animations for older browsers.The package comes with a very detailed documentation and sample files that has lots of comments in the code describing every aspect of the slider.- Fixed focusing bug on slider elements without data-main attribute.- Made keyboard binding specific to focused slider element.

More Details

15. Cream Tabs | jQuery Plugin

featured image

Cream Tabs | jQuery Plugin

Cream Tabs it is a mix of tabs and navigation menu wordpress with content slider.Simple to use

Content Slider

Simple change color

More Details

16. jSliderPro

featured image

You can adapt size and crop via simple parameters settings.The slider can automatically scale down to mobile devices adapting buttons, bullets images and also their positions. Resolved an issue with jQuery that hampered transitions’ selection.

More Details

17. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.jQuery 1.7 – jQuery 2.Powerful CSS Transitions with jQuery FallBack

Slider loads correctly on first try

More Details

18. The Fusion of Tabs and Slider with jQuery

featured image

Tabs with Animation like an Slider.Use it as Tabs or as Slider or why not both?

Have you always wanted the useful tabs to be animated more fancy? something like a slider? then this is the plugin for you, the tabs can slide horizontal and vertical ways also there is 15 different effects available between transition and all working with CSS auto slideshow depending on its content.Simple configuration.

More Details

19. Tsunami Slider JQuery Plugin V 1.1

featured image

tsunami Slider V 1.JQuery Plugin

Simple html use

More Details

20. Responsive Layer Slider jQuery Plugin

featured image

We present Responsive Layer Slider. It is fully HTML & jQuery driven. For mobile devices this slider is touch enabled, the standard UI is turned off because there is no need for it. HTML and jQuery driven,

clean and simple design,

More Details